<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%@ include file="/WEB-INF/views/admin/app_base.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="<%=basePath%>/static/admin/app/css/iscroll.css">
    <link rel="stylesheet" href="<%=basePath%>/static/admin/app/css/base.css">
    <link rel="stylesheet" href="<%=basePath%>/static/admin/app/css/claim.css">
    <link rel="stylesheet" href="<%=basePath%>/static/admin/app/css/bootstrap.min.css">
    <link href="<%=basePath%>/static/admin/app/css/iconfont.css" rel="stylesheet">
    <script rel="script" src="<%=basePath%>/static/admin/app/js/jquery-1.11.3.min.js"></script>
    <script rel="script" src="<%=basePath%>/static/admin/app/js/footer.js"></script>
    <script rel="script" src="<%=basePath%>/static/admin/app/js/customer_list.js"></script>
    <link rel="shortcut icon" href="<%=basePath%>/favicon.ico" />
    <script> var baselocation='<%=basePath%>/admin';</script>
	<script> var imagelocation='<%=basePath%>/';</script>
    <title>客户管理</title>
</head>
<body>
<header>
    <div class="header-title">
    	<a href="<%=basePath%>/admin/account" class="return"><i class="iconfont"></i>返回</a>
        <h2 id="customerTitle">客户列表(${customerTotal})</h2>
        <a href="<%=basePath%>/admin/customer/0" class="news-a-brn">新增</a>
    </div>
</header>
<form role="form">
    <div class="form-group form-box">
        <a id="searchBtn" class="icon-search"><i class="iconfont"></i></a>
        <input id="searchInput" type="text" class="form-control input-text" placeholder="姓名，电话">
    </div>
</form>
</br>
<!--代码部分begin-->
<div id="wrapper">
	<div id="scroller">
		<div id="scroller-pullDown">
        	  <span id="down-icon" class="icon-double-angle-down pull-down-icon"></span>
        	  <span id="pullDown-msg" class="pull-down-msg">下拉刷新</span>		
        </div>
		<div id="scroller-content">
			<article>
			    <div class="date-tab-type">
			        <ul class="date-tab-cell">
			            <li>客户昵称</li>
			            <li>客户等级</li>
			            <li>客户电话</li>
			            <li>业务员</li>
			        </ul>
			    </div>
			    <div id="detailBoxDiv" class="details-box">
			    	<c:forEach var="customer" items="${customerList}">
			    	<a href="<%=basePath%>/admin/customer/${customer.id }/details" class="details-link">
			        <ul class="details-list">
			            <li>${customer.customerName }</li>
			            <li>${customer.customerLevel }</li>
			            <li>${customer.mobile }</li>
			            <li>${customer.businessName }</li>
			        </ul>
			    	</a>
			    	</c:forEach>
			    </div>
			</article>
		</div>
	    <div id="scroller-pullUp">
			<span id="up-icon" class="icon-double-angle-up pull-up-icon"></span>
		    <span id="pullUp-msg" class="pull-up-msg">上拉加载更多</span>
        </div>
	</div>
</div>
</body>
	<script src="<%=basePath%>/static/admin/app/js/iscroll.js"></script>
	<script src="<%=basePath%>/static/admin/app/js/customer_loading.js"></script>
</html>